<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/replyDetail.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <style>
        .pop-reviews {
            width: 850px;
            top: 5%;
            margin: 0 0 0 -465px;
            padding: 35px 40px 40px;
            background-color: #fff;
        }
    </style>
    <script>
        $(function () {
            $("#dianping").click(function () {
                $('#_j_layer_0').css("display", "block");
            })
            $("#alert_close").click(function () {
                $('#_j_layer_0').css("display", "none");
            })


                //提交
            $("#input_btn").click(function () {
                $("._j_commentdialogform").ajaxSubmit(function (data) {
                    if(data){
                        location.reload()
                    } else {
                        alert(data.msg);
                    }

                })
            })

            // 触发file上传框
            $(".add-place").click(function () {
                $("#file_input").click();
            })

            $('#file_input').change(function () {
                if ($(this).val()) {
                    $('#img_form').ajaxSubmit({
                        baseUrl: "/scenic/images",
                        success: function (data) {
                            if (data.success) {
                                var img_url ="/"+data.data;
                                var dd = "<dd class=\"_j_picitem\"> <div class=\"place\"><div class=\"img\"><img class=\"_j_edit_src\" src="+img_url+" style=\"width: 120px; height: 120px;\" title=\"\"></div><div class=\"title\"><h4 class=\"_j_edit_title\"></h4></div><div class=\"mask-operate\"><a class=\"btn-remove _j_remove_dd\"></a></div></div></dd>"
                                $("._j_piclist").append(dd);
                                var i = $("input[name=imgUrls]");
                                var v = i.val() +","+img_url;
                                i.val(v);
                                var x = i.val();
                                console.log(x);

                            } else {
                                window.alert(data.msg)
                            }
                        }
                    })
                }
            })


            //收藏
            $(".btn-collect").click(function () {
                var sid = $(this).data("sid");
                $.get("/inside/favor", {sid:sid}, function (data) {
                    if(data.code==102){
                        window.location.href="/login.html"
                    }
                    if(data.success){
                        $(".collect_icon").addClass("on-i02")
                        alert("收藏成功");
                    }else{
                        if(data.code == 102){
                            $(".collect_icon").removeClass("on-i02")
                        }else{
                            $(".collect_icon").removeClass("on-i02")
                            alert("已取消收藏");
                        }
                    }
                });
            })


        })
    </script>
</head>
<body>
<#assign currentNav="scenic">
<#include "../common/navbar.ftl">
<!----------------------------------------->
<#if inside??>
<div class="container" data-cs-t="景点详情页">

    <div class="row row-top">
        <div class="wrapper">
            <div class="extra">
                <!-- 天气 S-->
                <div class="weather" data-cs-p="天气">
                    <a href="/weather/10088.html" target="_blank">
                        <img src="http://images.mafengwo.net/images/mdd_weather/icon/icon34.png" width="25" height="25">
                        <span>中雨 27℃~34℃</span>
                    </a>
                </div>
                <!-- 天气 E-->
                <!-- 收藏去过 S-->
                <div class="action _j_rside want-been">
                    <div class="been-box">
                        <a class="_j_beenpoi btn-been _j_hovergo" href="/path/" target="_blank" title="添加至我的足迹"
                           data-cs-p="足迹">
                            <i class="icon"></i>
                            <span class="txt">去过</span>
                        </a>
                        <div class="rate-pop" style="display:none;">
                            <div class="rank-star">
                                <span class="s-star s-star0"></span>
                                <div class="click_star">
                                    <a title="1星" rel="nofollow" data-num="1"></a>
                                    <a title="2星" rel="nofollow" data-num="2"></a>
                                    <a title="3星" rel="nofollow" data-num="3"></a>
                                    <a title="4星" rel="nofollow" data-num="4"></a>
                                    <a title="5星" rel="nofollow" data-num="5"></a>
                                </div>
                            </div>
                            <span class="rank-hint">必去推荐</span>
                        </div>
                    </div>
                    <a class="_j_favpoi btn-collect" data-id="${inside.id!}" href="javascript:void(0);" target="_blank" title="添加收藏"
                       data-cs-p="收藏">
                        <i class="icon"></i>
                        <span class="txt">收藏</span>
                    </a>
                </div>
                <!-- 收藏去过 E-->
            </div>
            <!-- 面包屑 S-->
            <div class="crumb" data-cs-p="面包屑">
                <div class="item"><a href="/destination" target="_blank">目的地</a><em>&gt;</em></div>
                <div class="item">
                    <div class="drop">
                        <span class="hd"><a
                                href="/destination/guide?id=${dest.id!}">${dest.name!}<i></i></a></span>
                        <div class="bd">
                            <i class="arrow"><b></b></i>
                            <div class="col">
                                <ul class="clearfix">
                                    <li><a href="#" target="_blank">${dest.name!}景点</a></li>
                                    <li><a href="#" target="_blank">${dest.name!}酒店</a></li>
                                    <li><a href="#" target="_blank">${dest.name!}美食</a></li>
                                    <li><a href="#" target="_blank">${dest.name!}购物</a></li>
                                    <li><a href="#" target="_blank">${dest.name!}娱乐</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <em>&gt;</em>
                </div>
                <div class="item cur">广州景点</div>
            </div>
            <!-- 面包屑 E-->


            <!-- POI名称 S-->
            <div class="title" id="general">
                <h1>${inside.insideName!}</h1>
            <#--<div class="en">Canton Tower</div>-->
            </div>
            <!-- POI名称 E-->

            <!-- 快捷导航 S-->
            <div style="height: 60px;">
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li data-scroll="overview" class="on">
                            <a title="概况" href="#general">概况</a>
                        </li>
                        <li data-scroll="attractions" style="display: none">
                            <a title="景点亮点">景点亮点</a>
                        </li>
                        <li data-scroll="commentlist">
                            <a title="蜂蜂点评" href="#commentlist">蜂蜂点评<span>（5592条）</span></a>
                        </li>


                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" title="我要点评" id="dianping">我要点评</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 快捷导航 E-->

        </div>
    </div>

    <script type="text/javascript">
        (function () {
            //面包屑
            $('.drop').hover(function () {
                var target = $(this);
                clearTimeout(target.data('hideTimer'));
                target.addClass('open');
                target.children('bd').fadeIn(200);
            }, function () {
                var target = $(this);
                target.data("hideTimer", setTimeout(function () {
                    target.removeClass('open');
                    target.children('bd').fadeOut(200);
                }, 100));
            });
            //导航
            var $navbar = $('#poi-navbar'),
                    offset_top,
                    $lis = $navbar.find("li").not('.nav-right');
            $('<div/>').insertBefore($navbar).append($navbar).height($navbar.outerHeight(true));
            $(function () {
                offset_top = $navbar.offset().top;
                $(window).bind('scroll.poinav', setFixed).trigger("scroll.poinav");
            });
            $(document).delegate("[data-scroll]", "click", function () {
                scrollTo($(this));
            });

            function setFixed() {
                var $rows = $('body >.container >[data-anchor]'),
                        scrolltop = $(document).scrollTop(),
                        h,
                        _lis = $lis.filter(":visible"),
                        currIndex;
                if (scrolltop > offset_top) {
                    if (!$navbar.hasClass('fixed')) {
                        $navbar.addClass('fixed');
                    }
                    h = $navbar.outerHeight(true);
                    for (var $li, $row, top, i = 0, j = _lis.length; i < j; i++) {
                        $row = $rows.filter("[data-anchor=" + ($li = _lis.eq(i)).attr("data-scroll") + "]");
                        if ($row[0] && (top = $row.offset().top) && (/*i == (j - 1) ||*/
                                        ((top - h <= scrolltop) && (top + $row.outerHeight() - h > scrolltop)))) {
                            currIndex = i;
                            break;
                        }
                    }
                    if (i == j) {
                        _lis.removeClass("on");
                    } else {
                        _lis.eq(currIndex || 0).addClass("on").siblings().removeClass("on");
                    }
                } else {
                    if ($navbar.hasClass('fixed')) {
                        $navbar.removeClass('fixed');
                    }
                    _lis.eq(0).addClass("on").siblings().removeClass("on");
                }
            }
        })();
    </script>
    <div data-anchor="overview">
        <div class="row row-picture row-bg">
            <div class="wrapper">
            <#--概况图-->
                    <#if inside.coverUrl??>
                    <a class="photo" href="#" target="_blank">
                    <div class="bd">
                        <div class="pic-big"><img
                                src="${inside.coverUrl!}"
                                width="690" height="370"></div>
                        <div class="pic-small"><img
                                src="${inside.coverUrl!}"
                                        width="305" height="183"></div>
                        <div class="pic-small"><img
                                src="${inside.coverUrl!}
                                       "width="305" height="183"></div>
                        <span>3 张图片</span>
                    </div>
                    <#else>
                        <div class="bd">
                            <img src="https://n4-q.mafengwo.net/s9/M00/73/E4/wKgBs1g8-y-AL_isAAHdRTpMkzU24.jpeg?imageMogr2%2Fthumbnail%2F%211000x370r%2Fgravity%2FCenter%2Fcrop%2F%211000x370%2Fquality%2F100"
                                 width="100%" height="370">
                        </div>
                    </#if>
            </a>
            </div>
        </div>

        <!-- 简介 S -->
        <#if inside??>
        <div class="mod mod-detail" data-cs-p="概况">
            <div class="summary">
                ${inside.summary!}
            </div>

            <ul class="baseinfo clearfix">
                <li class="tel">
                    <div class="label">电话</div>
                    <div class="content">${inside.phone!}</div>
                </li>
            <#if inside.website??>
                <li class="item-site">
                    <div class="label">网址</div>
                    <div class="content"><a href=${inside.website!} target="_blank" rel="nofollow">${inside.website!}</a>
                    </div>
                </li>
            </#if>
                <li class="item-time">
                    <div class="label">用时参考</div>
                    <div class="content">${inside.refence!}</div>
                </li>
            </ul>

            <dl>
                <dt>交通</dt>
                <dd>
                    ${inside.traffic!}
                </dd>
            </dl>
            <dl>
                <dt>门票</dt>
                <dd>
                    <div>
                        <div>
                            ${inside.titket!}
                        </div>

                    </div>

                </dd>
            </dl>
            <dl>
                <dt>开放时间</dt>
                <dd>
                    <div>
                        ${inside.time!}
                    </div>

                </dd>
            </dl>
        </div>
        </#if>
        <!-- 简介 E -->


    </div>

    <!--评论-->
    <div data-anchor="commentlist" id="commentlist">

        <div id="pagelet-block-15f9d6d9ad9f6c363d2d27120e8a6198" class="pagelet-block"
             data-api=":poi:pagelet:poiCommentListApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;!}"
             data-async="1"
             data-controller="/js/poi/ControllerPoiComment">
            <div class="mod mod-reviews" data-cs-p="评论列表">
                <div class="mhd mhd-large">蜂蜂点评<span>（共有<em>5592</em>条真实评价）</span></div>
                <div class="review-nav">
                    <ul class="clearfix">
                        <li data-type="0" data-category="0" class="on"><span class="divide"></span><a
                                href="javascript:void(0);"><span>全部</span></a></li>
                        <li data-type="0" data-category="2" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);"><span>有图</span><span class="num"> (1356条)</span></a>
                        </li>
                        <li data-type="1" data-category="13" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>好评</span>
                                <span class="num">（4749条）</span>
                            </a>
                        </li>
                        <li data-type="1" data-category="12" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>中评</span>
                                <span class="num">（750条）</span>
                            </a>
                        </li>
                        <li data-type="1" data-category="11" class="">
                            <span class="divide"></span>
                            <a href="javascript:void(0);">
                                <span>差评</span>
                                <span class="num">（93条）</span>
                            </a>
                        </li>
                    </ul>
                </div>
             <#--   <div class="loading-img" style="display: none;"><img
                        src="http://images.mafengwo.net/images/weng/loading3.gif"> Loading...
                </div>-->
                <div class="_j_commentlist">
                    <div class="rev-list">
                        <ul>
                            <li class="rev-item comment-item clearfix">
                                <div class="user"><a class="avatar" href="/u/52068941.html" target="_blank"><img
                                        src="http://b1-q.mafengwo.net/s10/M00/3D/07/wKgBZ1neKm2AcOhrAB5yLMoWpHI47.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"
                                        width="48" height="48"></a><span class="level">LV.21</span></div>
                                <a class="useful" data-id="191407415" title="点赞">
                                    <i></i><span class="useful-num">1</span>
                                </a>
                                <a class="name" href="/u/52068941.html" target="_blank">红袖·紫月</a>
                                <span class="s-star s-star4"></span>
                                <p class="rev-txt">这个广州地标建筑，外观还是挺漂亮的，小蛮腰！<br>
                                    至于登塔后的景色，我觉得在高处看，所有城市的景色真的都差不多，所以并没有多少惊艳的感觉，塔顶的摩天轮可以坐坐，起码可以360度看看整个城市的景色，能看得到下面的珠江。<br>
                                    至于什么白云观景大厅，星空观景大厅，真是挺无聊的，只不过是屋顶的天棚是蓝天白云的装饰风格和星空的装饰风格而已，人很多，闹哄哄的，然后必须吐槽一下照片，登塔的时候在绿幕前给拍张照片，然后电脑合成一下，一张要120元，2张160元，这种最简单的换背景PS技术，卖这个价格我也是服气的。吐糟吐糟！
                                </p>


                                <div class="rev-img">
                                    <a href="/photo/poi/25091_440424016.html" target="_blank"><img
                                            src="http://b4-q.mafengwo.net/s13/M00/7F/60/wKgEaVzNb_-AETiXAAIHC_tV0Bk20.jpeg?imageMogr2%2Fthumbnail%2F%21200x120r%2Fgravity%2FCenter%2Fcrop%2F%21200x120%2Fquality%2F100"
                                            width="200" height="120"></a>
                                    <a href="/photo/poi/25091_440424020.html" target="_blank"><img
                                            src="http://p1-q.mafengwo.net/s13/M00/7F/48/wKgEaVzNb-yAYCdiAAHGj47nch011.jpeg?imageMogr2%2Fthumbnail%2F%21200x120r%2Fgravity%2FCenter%2Fcrop%2F%21200x120%2Fquality%2F100"
                                            width="200" height="120"></a>
                                    <a href="/photo/poi/25091_440424024.html" target="_blank"><img
                                            src="http://n1-q.mafengwo.net/s13/M00/7F/5B/wKgEaVzNb_yAQ4xpAAFC3Mtb4Tw62.jpeg?imageMogr2%2Fthumbnail%2F%21200x120r%2Fgravity%2FCenter%2Fcrop%2F%21200x120%2Fquality%2F100"
                                            width="200" height="120"></a>
                                    <a href="/photo/poi/25091_440424028.html" target="_blank"><img
                                            src="http://n1-q.mafengwo.net/s13/M00/7F/5C/wKgEaVzNb_2AKAeeAAFvNsV4KkE69.jpeg?imageMogr2%2Fthumbnail%2F%21200x120r%2Fgravity%2FCenter%2Fcrop%2F%21200x120%2Fquality%2F100"
                                            width="200" height="120"></a>
                                </div>

                                <div class="info clearfix">
                                    <a class="btn-comment _j_comment" title="添加评论">评论</a>
                                    <span class="time">2019-05-04 19:48:40</span>
                                </div>

                                <div class="comment add-reply ">
                                    <ul class="more_reply_box comment_list">
                                        <li>
                                            <a href="/u/63107989.html" target="_blank">
                                                <img src="http://b4-q.mafengwo.net/s9/M00/DA/0D/wKgBs1g919mAVdRVAACpgsqFw_Y38.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"
                                                     width="16" height="16">🍓辣辣辣辣王🍓
                                            </a>
                                            ：摩天轮一圈多长时间啊
                                            <a class="_j_reply re_reply" data-id="625204" data-uid="63107989"
                                               data-username="🍓辣辣辣辣王🍓" title="添加回复">回复</a>
                                            <br><span class="time">2019-06-18 22:44:18</span>
                                        </li>
                                        <li>
                                            <a href="/u/52068941.html" target="_blank">
                                                <img src="http://b1-q.mafengwo.net/s10/M00/3D/07/wKgBZ1neKm2AcOhrAB5yLMoWpHI47.jpeg?imageMogr2%2Fthumbnail%2F%2116x16r%2Fgravity%2FCenter%2Fcrop%2F%2116x16%2Fquality%2F90"
                                                     width="16" height="16">红袖·紫月
                                            </a>
                                            回复🍓辣辣辣辣王🍓：十几分钟吧
                                            <a class="_j_reply re_reply" data-id="638560" data-uid="52068941"
                                               data-username="红袖·紫月" title="添加回复">回复</a>
                                            <br><span class="time">2019-07-01 14:18:01</span>
                                        </li>
                                    </ul>

                                    <div class="add-comment hide reply-form">
                                    <textarea class="comment_reply" data-comment_id="191407415"
                                              data-comment_username="红袖·紫月" data-poi_id="25091" data-poi_name="广州塔"
                                              data-parent_id="" data-parent_uid="" data-parent_username=""
                                              style="overflow: hidden; color: rgb(204, 204, 204);"></textarea>
                                        <a class="btn btn_submit_reply">回复</a>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>

                    <div align="right" class="m-pagination">
                        <span class="count">共<span>5</span>页 / <span>5592</span>条</span>

                        <span class="pg-current">1</span>
                        <a class="pi" data-page="2" rel="nofollow" title="第2页">2</a>
                        <a class="pi" data-page="3" rel="nofollow" title="第3页">3</a>
                        <a class="pi" data-page="4" rel="nofollow" title="第4页">4</a>
                        <a class="pi" data-page="5" rel="nofollow" title="第5页">5</a>

                        <a class="pi pg-next" data-page="2" rel="nofollow" title="后一页">后一页</a>
                        <a class="pi pg-last" data-page="5" rel="nofollow" title="末页">末页</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!----------------------------------------->
<div id="_j_layer_0" class="layer _j_layer"
     style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; display: none;">
    <div class="layer_mask _j_mask"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.7; z-index: -1;"></div>
    <div class="layer_content _j_content"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; overflow: hidden auto;">
        <div class="alert-box layer_dialog _j_dialog pop_no_margin pop-reviews dialog_overflow"
             style="position: absolute; opacity: 1; background: rgb(255, 255, 255); z-index: 1; left: 303px; top: 20px;">
            <div class="dialog_title" style="display:none">
                <div class="_j_title title"></div>
            </div>
            <div class="dialog_body _j_content">
                <div class="_j_weng_form_cnt">
                    <style type="text/css">
                        .pop-upload-weng {
                            width: 300px;
                        }

                        .pop-upload-weng ._j_piccomment {
                            display: none;
                        }
                    </style>
                    <div class="mfw-reviews">
                        <div id="_j_wengform_cnt_20190822221213_168">
                            <h2>
                                <strong>${inside.insideName!}</strong>
                                <em>*</em>为必填选项
                            </h2>
                        <#--文件上传form-->
                            <form action="" hidden method="post" enctype="multipart/form-data" id="img_form">
                                <input type="file" name="file" hidden id="file_input">
                            </form>
                            <form action="/scenic/add" method="post" class="_j_commentdialogform">
                                <input type="hidden" name="insideid" value=${inside.id!}>


                                <div class="review-item item-star">
                                    <div class="label"><em>*</em>总体评价</div>
                                    <div class="review-star _j_rankblock" data-star="" data-name="rank_star">
                                        <input type="hidden" name="rank_star" value="" essential="1"
                                               data-inputname="总体评价">
                                        <span class="_j_starcount star"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="不建议" rel="nofollow" class="suggest"
                                               data-star="1"></a>
                                            <a role="button" title="有待改善" rel="nofollow" class="suggest"
                                               data-star="2"></a>
                                            <a role="button" title="还可以" rel="nofollow" class="suggest"
                                               data-star="3"></a>
                                            <a role="button" title="值得一去" rel="nofollow" class="suggest"
                                               data-star="4"></a>
                                            <a role="button" title="强烈推荐" rel="nofollow" class="suggest"
                                               data-star="5"></a>
                                        </div>
                                    </div>
                                    <span class="txt-tips _j_startip">点击星星打分</span>
                                </div>

                                <div class="review-group">
                                </div>

                                <div class="review-item item-comment">
                                    <div class="label"><em>*</em>内容</div>
                                    <div class="content">
                                        <textarea class="_j_commentarea" name="content" essential="1"
                                                  data-inputname="内容" placeholder="100字+3图，有机会评为优质点评！" data-minlen="1"
                                                  data-maxlen="10000"></textarea>
                                        <p class="_j_commentcounttip">内容不超过100字</p>
                                    </div>
                                </div>
                                <div class="review-item item-photo">
                                    <div class="label">上传照片</div>
                                    <div class="content">
                                        <dl class="upload-box _j_piclist">
                                            <dd data-wengid="" class="_j_picitem_btn" id="_j_pluplader_btn_container_5"
                                                style="position: relative;">
                                                <a class="add-place"><i></i></a>
                                                <div id="html5_1disqndnf1nhef56d4uq8eumun_container"
                                                     class="moxie-shim moxie-shim-html5"
                                                     style="position: absolute; top: 0px; left: 0px; width: 120px; height: 120px; overflow: hidden; z-index: -1;">
                                                    <input id="html5_1disqndnf1nhef56d4uq8eumun" type="file"
                                                           style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"
                                                           multiple="" accept="image/jpeg,image/gif,image/png,.JPEG">
                                                </div>
                                            </dd>

                                        </dl>
                                        <p style="clear:both;">图片不超过5张</p>
                                    </div>
                                </div>
                                <div class="review-item item-action">
                                    <a id="input_btn" class="btn-large _j_submit" role="button" title="提交">提交</a>
                                </div>
                            </form>
                        </div>
                    </div>


                </div>
            </div>
            <a id="alert_close" class="close-btn _j_close"><i></i></a></div>
    </div>
</div>
<script type="text/javascript">

    $(function () {
        $("._j_starlist a").mouseover(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");

            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);
        }).mouseout(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().removeClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            var x = $(this).closest("div").prev().prev().val();
            if (x == index) {
                $(this).closest("div").prev().addClass("star" + x);
            }


        }).click(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            $(this).closest("div").prev().prev().val(index);

        })
    })

</script>
</#if>
</body>

</html>